
.blue{
  color: #538FFE;
}
.gray{
  color: #eaecef;
}
.gray1{
  color: #B6BCCE;
}
.size24{
  font-size: 24rpx;
}
.f-left {
	float: left;
}
.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center!important;
}

.both {
	clear: both;
}

.clearfix {
  zoom: 1;
  display: block;
}

.clearfix:after {
  content:".";display:block;height:0;clear:both;visibility:hidden;
}

.width-full {
	width: 100%;
}
//body
// button{
//   border:0px !important;
// }
.red{
  color: #FD4242;
}

.border1px:after{
  position: absolute;
  content: '';
  top: 0;
  width: 100%;
  border-bottom: 1px solid #eaecef;
  transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
}
.border1pxTwo{
  position: relative;
}
.border1pxTwo:before{
  position: absolute;
  content: '';
  bottom: 0;
  width: 100%;
  left: 0;
  border-bottom: 1px solid #eaecef;
  transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
}
.border1pxThree{
  position: relative;
}
.border1pxThree:before{
  position: absolute;
  content: '';
  bottom: 0;
  width: 100%;
  left: 0;
  border-bottom: 1px solid #979797;
  transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
}
.border1px:before{
  position: absolute;
  content: '';
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #eaecef;
  transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
}
.requiredTitle {
  position: relative;
}
.requiredTitle:after {
  position: absolute;
  content: '*';
  right: 10rpx;
  top: 6rpx;
  font-size: 28rpx;
  color: red;
}
.requiredTitleLfet {
  position: relative;
}
.requiredTitleLfet:after {
  position: absolute;
  content: '*';
  left: -20rpx;
  top: 6rpx;
  font-size: 28rpx;
  color: red;
}
.border1pxFour{
  position: relative;
}
.border1pxFour:before {
  position: absolute;
  content: '';
  bottom: 0;
  width: 100%;
  border-top: 1px solid #eaecef;
  transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
}
.border1pxFour:after {
  position: absolute;
  content: '';
  top: 0;
  width: 100%;
  border-top: 1px solid #eaecef;
  transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
}
.right8{
  margin-right: 8rpx;
}
.left8{
  margin-left: 8rpx;
}
.right10{
  margin-right: 10rpx;
}
// flex
.flex{
  display: flex;
}
.flex-main-center {
  display: flex;
  justify-content: center;
}

.flex-main-start {
  display: flex;
  justify-content: flex-start;
}

.flex-main-end {
  display: flex;
  justify-content: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-column-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.flex-around {
  display: flex;
  justify-content: space-around;
}
.flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex-column-around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex-nowrap {
  display: flex;
  flex-wrap: nowrap;
}
.flex-grow{
  display: flex;
  flex-grow:4;
}

.flex-1 {
  display: flex;
  flex: 1;
}
.size34{
  font-size: 34rpx;
}














.text-center{
  text-align: center
}
.e-gray{
  color: #B6BCCE;
 }
// 字体大小
// 36
.text-white-md {
	font-size: 36rpx;
	color: #fff;
}
// 22
.text-white-ls {
	font-size: 22rpx;
	color: #fff;
}
// 32
.text-them-bg {
	font-size: 32rpx;
	color:#323232;
}
// 28
.text-them-xs {
	font-size: 28rpx;
	color: #323232;
}
// 30
.text-them-es {
	font-size: 30rpx;
	color: #323232;
}

.text-gray-ls {
	font-size: 22rpx;
	color: #999999;
}
.text-size-ls{
  font-size: 22rpx;
}
.text-size-th{
  font-size: 30rpx;
}
.text-size-xs{
  font-size: 28rpx;
}
.text-size-bg{
  font-size: 48rpx;
}
.text-size-md{
  font-size: 32rpx;
}
.text-size-d{
  font-size: 24rpx;
}
.text-size-ts{
  font-size: 36rpx;
}
.text-size-tw{
  font-size: 20rpx;
}
.text-size-cd{
  font-size: 38rpx;
}
.bold{
  font-weight: bold
}
.boder-top{
  border-top: 2rpx solid #c8c8c8;
}
// 字体颜色
.c-gray{
  color:#c8c8c8;
}
.d-gray{
  color:#D2D2D2;
}
.more-gray{
  color:#999999;
}
.less-gray{
  color:#B4B4B4;
}
.text-theme{
  color: #323232;
}
.purple{
  color: #534588;
}
.white{
  color: #FFFFFF;
}
.orange{
  color: #DC9307;
}
// .less-gray{
//   color: #979797
// }
.black{
  color: #000000;
}
// 白色
.bg-white{
  background-color:#FFFFFF;
}
//灰色间隔20rpx
.bg-light-gray{
  height: 20rpx;
  background-color:#F5F5F5;
}
.gray-line{
  height: 10rpx;
  background-color: #F3F3F3  
}
// .clearfix:after{display:block;clear:both;content:".";visibility:hidden;}
// .clearfix{zoom:1}
// .clearfixTwo:before{display:block;clear:both;content:".";visibility:hidden;}
// .clearfixTwo{zoom:1}


